$.ajax({
    type: "GET",
    url: "goodsAndShoppingCart/getGoodsList.php",
    success: function (resText) {
      let json = JSON.parse(resText);
    //   console.log(json);

//顶部图片插入
      for(let i = 0;i<$(".shangtu").length;i++){
        $(".shangtu>img").eq(i).attr("src", `${json[i]["goodsImg"]}`);
        $(".shangzi").eq(i).html(`${json[i]["goodsName"]}`)
        $(".shangzi").eq(i).css({
            "font-size": "14px;",
            "text-align": "center"
        })
      }
    }
})



//轮播图
$.ajax({
    "url": "goodsAndShoppingCart/bannerGet.php",
    "type": "get",
    "success": function(resText) {
        let json = JSON.parse(resText);
        let index = -1;

        let time = setInterval(function() {
            index++;
            if (index == 5) {
                index = 0
            }

            $(".lunbo").css({
                "background": `url(${json[index]["img"]}) no-repeat`,
                "background-position": "center",
                "background-size": "2560px",
                "transition": "all 1s"
            });
            dian(index)
        },2000)
        let time1
        $(".lunbo").mouseover(function(){
            clearInterval(time);
            clearInterval(time1);
        })  
       
        $(".lunbo").mouseout(function(){
            // clearInterval(time1);
            time1 = setInterval(function() {
                index++;
                if (index == 5) {
                    index = 0
                }
    
                $(".lunbo").css({
                    "background": `url(${json[index]["img"]}) no-repeat`,
                    "background-position": "center",
                    "background-size": "2560px",
                });
                dian(index)
            },2000)
        })
        

      //点动
        function  dian(i){
            for(let j=0;j< $(".dian li").length;j++){
                if(j==i){
                    $(".dian li").eq(j).css({
                        "background-color": "#3B3E40"
                    })
                }else{
                        $(".dian li").eq(j).css({
                            "background-color": "#F0F1F2"
                        })
                }
            }
        }
        //点击点
        for(let i=0;i< $(".dian li").length;i++){
            $(".dian li").eq(i).click(function(){
                $(".lunbo").css({
                    "background": `url(${json[i]["img"]}) no-repeat`,
                    "background-position": "center",
                    "background-size": "2560px",

                });
                dian(i)
            })
        }

        //点击左右
        $(".zuoyou div:first").click(function(){
            index--
            if(index==-1){
                index = 4
            }
            $(".lunbo").css({
                "background": `url(${json[index]["img"]}) no-repeat`,
                "background-position": "center",
                "background-size": "2560px",
            });
            dian(index)
        })
        $(".zuoyou div:last").click(function(){
            index++
            if(index==5){
                index = 0
            }
            $(".lunbo").css({
                "background": `url(${json[index]["img"]}) no-repeat`,
                "background-position": "center",
                "background-size": "2560px",
            });
            dian(index)
        })


        //滑入左右
        $(".zuoyou div:first").mouseover(function(){
            $(".zuoyou div:first").css({
                "transition": "all 1s",
                "background-color": "rgba(123, 44, 34, 0.504)"
                
            })
        })
        $(".zuoyou div:first").mouseout(function(){
            $(".zuoyou div:first").css({
                "transition": "all 1s",
                "background-color": "rgba(123, 44, 34, 0.0)"
            })
        })
        $(".zuoyou div:last").mouseover(function(){
            $(".zuoyou div:last").css({
                "transition": "all 1s",
                "background-color": "rgba(123, 44, 34, 0.504)"
            })
        })
        $(".zuoyou div:last").mouseout(function(){
            $(".zuoyou div:last").css({
                "transition": "all 1s",
                "background-color": "rgba(123, 44, 34, 0.0)"
            })
        })



    }
})





$.get("goodsAndShoppingCart/getGoodsList.php",
{
"typeId":"014"
},
function(data){
  // for(let i=0;i<data.len)

  let json = JSON.parse(data)
	console.log(json.length)
  let a = json.length
  for(let i= 0;i<a;i++){
    $(".ba-gonggetu>img").eq(i).attr("src", `img/liebiao/${json[i]["goodsImg"]}`);
    $(".ba-gonggeming").eq(i).html(`${json[i]["goodsName"]}`)
    $(".ba-gonggejiage").eq(i).html(`￥${json[i]["goodsPrice"]}`)
  }


});





// $.ajax({
//     type: "GET",
//     url: "goodsAndShoppingCart/getGoodsList.php",
//     success: function (resText) {
//       let json = JSON.parse(resText);
//       console.log(json);
//       for(let i = 0;i<json.length;i++){
//         $(".biaoqian").html(`${json[i]["goodsName"]}`);
//       }
//     }
//     })


// function changeDots(){
//     $('.d.dian li').eq(index-1).addClass('active').siblings().removeClass('active');

// }
// $('.dian li').click(function(event){
//         var target=event.target;
//         index=$(target).index()+1;
//         changeImg();
//         changeDots();
// });
// // 点击下一张切换图片
// $('.next').click(function(){
//     index++;
//     changeImg();
//     changeDots();
// });
// // 点击上一张切换图片
// $('.prev').click(function(){
//     index--;
//     changeImg();
//     changeDots();
// });







  